//从本地缓存 cookie 中取出 petname 的值
var petname = $.cookie('petname');
console.log('本地cookie：' + petname);
//点击提问
$('#ask').click(function() {
	petname ? location.href = 'ask.html' : location.href = 'login.html';
});

//判断有没有 petname 决定 user 图片样式和行为
if(petname) {

	$('#user').find('span').last().text(petname).parent().attr('data-toggle', 'dropdown');
	//	console.log('有登录');

} else {
	//两个 .end().end() 回到$('#user')
	$('#user').find('span').last().text('登录').end().end().removeAttr('data-toggle').click(function() {
		location.href = 'login.html';
	});

}

$('#logout').click(function() {

	$.get('/user/logout', function(resData) {
		console.log(resData);
		if(resData.code == 1) {
			alert(resData.message);

			//重新刷新本页
			location.reload();
		}

	});

});

//给每个问题添加点击事件
$('.question').on('click', '.media[data-question]', function() {
//	alert('回答：' + $(this).attr('data-question'));
	//判断是否登录
	if(petname) {
		//$(this).attr('data-question')一样$(this).data('question')
		$.cookie('question', $(this).data('question'));
		location.href = 'answer.html';
	} else {
		location.href = 'login.html';

	}

});

//获取首页数据
$.get('question/all', function(resData) {
	var htmlStr = '';
	for(var i = 0; i < resData.length; i++) {
		//这里采用 Bootstrap 里面的Bootstrap 多媒体对象（Media Object）
		var question = resData[i];
		htmlStr += '<div class="media" data-question="' + new Date(question.time).getTime() + '">';
		//内层第一块
		htmlStr += '<div class="pull-left"><a>';
		htmlStr += '<img class="media-object" src="../uploads/'+question.petname+'.jpg" onerror="defaultHeaderImage(this)">';

		htmlStr += '</a></div>';
		//内层第二块
		htmlStr += '<div class="media-body">';
		htmlStr += '<h4>' + question.petname + '</h4>';
		htmlStr += '<p>' + question.content + '</p>';
		htmlStr += '<div class="media-footing">' + formatDate(new Date(question.time)) + '&#x3000;' + formatIp(question.ip) + '</div>';
		htmlStr += '</div>';
		htmlStr += '</div>';

		if(question.answers) {
			//内层 for 循环，遍历问题的答案
			for(var j = 0; j < question.answers.length; j++) {
				var answer = question.answers[j];
				htmlStr += '<div class="media mdeia-child" >';
				htmlStr += '<div class="media-body">';
				htmlStr += '<h4 class="media-heading">' + answer.petname + '</h4>';
				htmlStr += answer.content;
				htmlStr += '<div class="media-footing">' + formatDate(new Date(answer.time)) + '&#x3000;' + formatIp(answer.ip) + '</div>';

				htmlStr += '</div>';
				//内层第二块
				htmlStr += '<div class="media-right"><a>';
				htmlStr += '<img class="media-object" src="../uploads/'+ answer.petname +'.jpg" onerror="defaultHeaderImage(this)">';

				htmlStr += '</a></div>';

				htmlStr += '</div>';
			}
		}
htmlStr +='<hr/>';
	}

	$('.question').html(htmlStr);

});

function formatDate(time) {

	var y = time.getFullYear();
	var M = time.getMonth()+1;
	var d = time.getDate();
	var h = time.getHours();
	var m = time.getMinutes();

	M = M < 10 ? '0' + M : M;
	d = d < 10 ? '0' + d : d;
	h = h < 10 ? '0' + h : h;
	m = m < 10 ? '0' + m : m;

	return y + '-' + M + '-' + d + ' ' + h + ':' + m
}

//封装一个解析 ip 的方法
function formatIp(ip) {
	var RegExp=/::1/ig;
	if(ip.match(RegExp)) {
		return 'localhost';
	} else {
		return ip.substr(7);
	}
}


//如果没有上传头像，那么默认加载这个图片
function defaultHeaderImage(that) {
	$(that).attr('src','../images/user.png');
}